export default () => {
  return (
    <p class="flex gap-8 justify-end xs:justify-center xs:mt-8 xs:mb-3 mt-16 ">
      <a
        class="hover:bg-opacity-0 rounded-full"
        href="https://github.com/superAlibi"
        title="github"
      >
        <img
          src="/github.svg"
          alt="github icon"
          class="size-6 dark:invert dark:grayscale dark:brightness-150 dark:hover:invert-0"
          srcset=""
        />
      </a>
      <a
        class="rounded-full overflow-hidden"
        href="https://blog.csdn.net/n_s_X14"
        title="csdn"
      >
        <img
          src="https://g.csdnimg.cn/static/logo/favicon32.ico"
          alt="csdn icon"
          class="size-6 dark:hover:invert"
          srcset=""
        />
      </a>
      <a
        class="rounded-full overflow-hidden "
        href="https://gitee.com/alibi-jia"
        title="gitee"
      >
        <img
          src="https://gitee.com/assets/favicon.ico"
          alt="gitee url"
          class="size-6 hover:invert"
          srcset=""
        />
      </a>
    </p>
  );
};
